﻿<div class="nav">
    <ul class="main-nav">
        <li ng-repeat="node in navMenu.nodes">
            <a data-ng-class="{ active: node.isSelected, disabled: !node.route.isAllowed }" href="#{{ node.route.formattedPath }}">
                <div class="nav-tab-img" id="tab{{ $index + 1 }}">&nbsp;</div>
                <span class="nav-tab-text">{{ node.title }}</span>
                <div class="clear"></div>
            </a>
            <ul ng-if="node.nodes.length > 0">
                <li ng-repeat="childNode in node.nodes" ng-class="{ active: childNode.isSelected, disabled: !childNode.route.isAllowed }">
                    <a href="#{{ childNode.route.formattedPath }}">{{ childNode.title }}</a>
                </li>
            </ul>
        </li>
    </ul>
</div>